<template>
  <div class="main flex justify-between">
    <ul class="left flex flex-col justify-between platformTip">
      <li v-for="(item, index) of textList" :key="index">
        {{ item }}
      </li>
    </ul>
  </div>
</template>
<script setup>
const props = defineProps({
  // 平台介绍
  textList: {
    type: Array,
    default: () => [],
  },
});
</script>
<style scoped lang="scss">
.main {
  width: 100%;
  height: 500px;
  border-radius: 20px;
  background: url("@/assets/images/home/OpenTravelAI.png") no-repeat;
  background-size: cover;
  background-position: center; /* 确保图片在元素中心 */
  .platformTip {
    width: 50%;
    height: 100%;
    padding: 6% 8%;
    list-style-type: disc; /* 小圆点 */
    color: #fff;
    font-size: 18px;
    font-weight: 700;
  }
}
</style>
